<template>
  <div style="width: 100%;height: 100%;">
    <div v-if="config._component">使用自定义组件，请在二次开发中创建组件：<span style="color:#ed462f;">{{ config._component }}</span></div>
    <div v-else v-html="htmlStyle"></div>
  </div>

</template>

<script>
/**
 * 自定义的html组件
 */
import {computed} from 'vue'

export default {
  name: "html",
  props: {
    config: {
      type: Object
    },
    id: {
      type: String
    }
  },
  setup(props) {
    const htmlStyle = computed(() => {
      return `<style>${props.config._css}</style>${props.config._html}`
    })
    return {htmlStyle}
  },
}
</script>

<style scoped>

</style>